body {
    background: #F6F6F6;
    div.tab_btn {
        width: 100%;
        height: 100%;
        div.tab_box {
            //标题
            div.tab_box_nav {
                width: 100%;
                height: 70/40rem;
                line-height: 70/40rem;
                background: #171922;
                ul.tab_ul {
                    display: flex;
                    justify-content: space-between;
                    padding: 0 90/40rem;
                    li {
                        flex: 1;
                        text-align: center;
                        a {
                            color: #9a98a7;
                            font-size: 26/40rem;
                        }
                        &.cur {
                            a {
                                color: #FFFFFF;
                                padding: 12/40rem 0;
                                border-bottom: 5/40rem solid #3B9CE0;
                            }
                        }
                    }
                }
            }
            //内容
            div.tab_box_list {
                div.tab_list{
                    display: none;
                    &.tab_list_show {
                        display: block;
                    }
                    ul {
                        li:nth-child(1) {
                            section {
                                width: 100%;
//                              height: 232/40rem;
                                margin-bottom: 12/40rem;
                                div.name_info {
                                    width: 100%;
                                    height: 160/40rem;
                                    background: #fff;
                                    display: flex;
                                    position: relative;
                                    div.photo {
                                        width: 111/40rem;
                                        height: 111/40rem;
                                        border: 2/40rem solid #3B9CE0;
                                        border-radius: 50%;
                                        margin: auto 24/40rem auto 24/40rem;
                                        img {
                                            width: 100%;
                                            height: 100%;
                                            border-radius: 50%;
                                        }
                                    }
                                    div.name {
                                        margin-top: 50/40rem;
                                        p:nth-child(1) {
                                            color: #3A414B;
                                            font-size: 28/40rem;
                                            line-height: 40/40rem;
                                        }
                                        p:nth-child(2) {
                                            color: #79828C;
                                            font-size: 24/40rem;
                                        }
                                    }
                                    div.bonus {
                                        position: absolute;
                                        right: 25/40rem;
                                        top: 45/40rem;
                                        p:nth-child(1) {
                                            color: #F0364C;
                                            font-size: 38/40rem;
                                        }
                                        p:nth-child(2) {
                                            color: #7C8690;
                                            font-size: 24/40rem;
                                        }
                                    }
                                }
                                div.follow_info {
                                    width: 100%;
                                    height: 66/40rem;
                                    margin-top: 2/40rem;
                                    background: #fff;
                                    display: flex;
                                    line-height: 66/40rem;
                                    position: relative;
                                    p {
                                        font-size: 22/40rem;
                                        color: #575F6B;
                                    }
                                    div.time {
                                        display: flex;
                                        margin-left: 23/30rem;
                                        p:nth-child(1) {
                                            margin-right: 20/40rem;
                                        }
                                    } 
                                    div.edit {
                                        display: flex;
                                        position: absolute;
                                        right: 20/40rem;
                                        p:nth-child(1) {
                                            display: block;
                                            width: 24/40rem;
                                            height: 26/40rem;
                                            background: url(../image/customer/edit.png) no-repeat center/cover;
                                            margin-top: 17/40rem;
                                            margin-right: 13/40rem;
                                        }
                                    }
                                }
                            }
                            //跟单弹层
                            .follow_btn {
                                width: 541/46.9rem;
                                height: 385/46.9rem;
                                background-color: #fff;
                                position: fixed;
                                left: 0;
                                right: 0;
                                top: 0;
                                bottom: 0;
                                margin: auto;
                                border-radius: 26/46.9rem;
                                display: none;
                                color: #000000;
                                z-index: 2;
                                span {
                                    &.current {
                                        background-color: #3B9CE0;
                                    }
                                }
                                //正向跟单
                                div:nth-child(1) {
                                    display: flex;
                                    font-size: 34/46.9rem;
                                    font-weight: bold;
                                    line-height: 120/46.9rem;
                                    div.bor {
                                        width: 35/46.9rem;
                                        height: 35/46.9rem;
                                        border-radius: 50%;
                                        border: 1/46.9rem solid #0F0F0F;
                                        margin: 44/46.9rem 45/46.9rem 0 125/46.9rem;
                                        span {
                                            display: block;
                                            width: 29/46.9rem;
                                            height: 29/46.9rem;
                                            border-radius: 50%;
                                            margin: auto;
                                        }
                                    }
                                }
                                div:nth-child(2) {
                                    width: 411/46.9rem;
                                    height: 2/46.9rem;
                                    background-color: #CDCED2;
                                    margin: 0 auto;
                                }
                                //反向跟单
                                div:nth-child(3) {
                                    display: flex;
                                    font-size: 34/46.9rem;
                                    font-weight: bold;
                                    height: 120/46.9rem;
                                    line-height: 120/46.9rem;
                                    div.bor {
                                        width: 35/46.9rem;
                                        height: 35/46.9rem;
                                        border-radius: 50%;
                                        border: 1/46.9rem solid #0F0F0F;
                                        margin: 44/46.9rem 45/46.9rem 0 125/46.9rem;
                                        span {
                                            display: block;
                                            width: 29/46.9rem;
                                            height: 29/46.9rem;
                                            border-radius: 50%;
                                            margin: auto;
                                        }
                                    }
                                }
                                //喊单协议 
                                div:nth-child(4) {
                                    display: flex;
                                    margin-top: 10/46.9rem;
                                    div.squar {
                                        width: 24/46.9rem;
                                        position: relative;
                                        margin: 5/46.9rem 17/46.9rem 20/46.9rem 78/46.9rem;
                                        label {
                                            width: 24/46.9rem;
                                            height: 24/46.9rem;
                                            cursor: pointer;
                                            position: absolute;
                                            top: 0;
                                            left: 0;
                                            border: 1/46.9rem solid #3B9CE0;
                                            span {
                                                  display: block;
                                                  width: 15/46.9rem;
                                                  height: 10/46.9rem;
                                                  position: absolute;
                                                  border: 5/46.9rem solid #333;
                                                  border-top: none;
                                                  border-right: none;
                                                  background: transparent;
                                                  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
                                                  opacity: 0;
                                                  -webkit-transform: rotate(-45deg);
                                                  -o-transform: rotate(-45deg);
                                                  -moz-transform: rotate(-45deg);
                                                  -ms-transform: rotate(-45deg);
                                                  -webkit-transform: rotate(-45deg);
                                                  transform: rotate(-45deg);
                                            }
                                        }
                                        input[type=checkbox] {
                                            visibility: hidden;
                                            &:checked + label span {
                                               filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
                                               opacity: 1;
                                            }
                                        }
                                    }
                                    span {
                                        color: #191919;
                                        font-size: 26/46.9rem;
                                        a {
                                            color: #3B9CE0;
                                            font-size: 26/46.9rem;
                                        }
                                    }
                                }
                                //取消确定按钮
                                div:nth-child(5) {
                                    height: 88/46.9rem;
                                    line-height: 88/46.9rem;
                                    display:flex;
                                    border-top: 2/46.9rem solid #CDCED2;
                                    background-color: #fff;
                                    border-bottom-right-radius: 26/46.9rem; 
                                    border-bottom-left-radius:  26/46.9rem;
                                    span {
                                        flex: 1;
                                        text-align: center;
                                        font-size: 32/46.9rem;
                                        color: #3B9CE0;
                                        font-weight: normal;
                                        &:nth-child(1) {
                                            border-right: 1/46.9rem solid #CDCED2;
                                        }
                                    }
                                }
                            }
                            div.oderby {
                                width:100%;
                                height:1.75rem;
                                background:#fff;
                                position: fixed;
                                margin-bottom: 0.75rem;
                                padding:0 0.65rem;
                                box-sizing:border-box;
                                display: flex;
                                border: 1px solid #EEEEEE;
                                z-index: 2;
                                div {
                                    flex: 1;
                                    span {
                                        img{
                                            display:inline-block;
                                            width: 0.375rem;
                                            height: 0.325rem;
                                        }
                                    }
                                    span:nth-child(1){
                                        color: #8C9299;
                                        font-size:0.7rem;
                                        line-height:1.775rem;
                                    }
                                    span:nth-child(2){
                                        color: #30353C;
                                        font-size: 0.7rem;
                                        text-align: center;
                                    }
                                }
                                div:nth-child(2) {
                                    span:nth-child(1){
                                        margin-left:1rem;
                                    }
                                } 
                            }
                            div.j_box{
                                width:100%;
                                position:absolute;
                                background: #fff;
                                top: 4.3rem;
                                z-index:5555;
                                box-shadow: 0px 20px 50px rgba(0,0,0,0.2);
                                -webkit-box-shadow: 0px 20px 50px rgba(0,0,0,0.2);
                                -moz-box-shadow: 0px 20px 50px rgba(0,0,0,0.2);
                                -o-: 0px 20px 50px rgba(0,0,0,0.2);
                                -ms-: 0px 20px 50px rgba(0,0,0,0.2);
                                display: none;
                                div{
                                    height: 84/40rem;
                                    margin:0 0.5rem;
                                    border-bottom: 1px solid #eee;
                                    line-height: 2.1rem;
                                    font-size: 0.7rem;
                                    color: #30353c;
                                    text-indent: 2.75rem;
                                    img{
                                        display:inline-block;
                                        width: 0.8rem;
                                        height: 0.6rem;
                                        margin-left: 7.8rem;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    //取消跟单
    .cancel_follow {
        width: 541/46.9rem;
        height: 84/46.9rem;
        background-color: #fff;
        border-radius: 19/46.9rem;
        text-align: center;
        line-height: 84/46.9rem;
        font-size: 32/46.9rem;
        color: #3B9CE0;
        margin-top: 21/46.9rem;
        font-weight: normal;
    }
    .mask {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: rgba(0,0,0,.3);
        display: none;
        z-index: 1;
    }
    .l_tips {
        width: 430/46.9rem;
        height: 90/46.9rem;
        background-color: rgba(58,73,88,0.9);
        color: #fff;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        z-index: 2;
        text-align: center;
        line-height: 90/46.9rem;
        border-radius: 14/46.9rem;
        font-size:28/46.9rem;
        display: none; 
    }
}
